<template>
	<view class="">
		<image :src="prizeDetails.j1pic" mode="aspectFill" class="prize-img" />
	
		<view class="prize-info">
			<view class="prize-name">
				<text>{{prizeDetails.j1mc}}</text>
				<text class="prize-num">x1份</text>
			</view>
		<!-- 	<view class="prize-initiator">
				<text>抽奖发起人：</text>
				<text class="c-black">大福小福商家</text>
			</view> -->
		</view>
		<view class="prize-explain">
			<view class="c-gray">抽奖说明</view>
			<view class="">{{prizeDetails.desc}}</view>
		</view>
	</view>
</template>

<script>
	import {
		getPrizesDetails
	} from "../../api/index.js"
	export default {
		data() {
			return {
				prizeDetails:{},
			}
		},
		onLoad(opt){
			this.onGetPrizesDetails(opt.id,opt.jx)
		},
		methods: {
			// 奖品详情
			async onGetPrizesDetails(id,jx){
				const res=await getPrizesDetails(`s=/ApiChoujiang/prizedetail&id=${id}&jx=${jx}`)
				const{status,msg,data}=res.data
				console.log(res,"res----")
				if(status==1){
					this.prizeDetails=data
				}else{
					this.showToast(msg)
				}
				
			},
			
		}
	}
</script>

<style>
	page {
		background-color: #F7F7F7;
	}
</style>

<style lang="scss" scoped>
	.prize-img {
		width: 100%;
		height: 468rpx;
	}
	.prize-info {
		margin-top: 20rpx;
		padding: 20rpx;
		border-bottom: 1rpx solid #F7F7F7;
		background-color: #FFF;
		font-size: 29rpx;
		font-weight: bold;
		.prize-num {
			font-weight: normal;
			color: #B3B3B3;
			margin-left: 32rpx;
		}
		.prize-initiator {
			font-weight: normal;
			font-size: 24rpx;
			margin-top: 16rpx;
			color: #B3B3B3;
		}
	}
	.prize-explain {
		font-size: 24rpx;
		padding: 20rpx;
		background-color: #FFF;
		.c-gray {
			margin-bottom: 20rpx;
		}
	}
</style>